<template>
  <div style="padding: 4px 4px;">
    <div class="custom-button">
      <svg-icon name="wx-msg-line" />
      <span>发起群聊</span>
    </div>
    <div class="custom-button" @click="handleAddFriend">
      <svg-icon name="add-friend" />
      <span>添加朋友</span>
    </div>
    <div class="custom-button">
      <svg-icon name="add-note" />
      <span>新建笔记</span>
    </div>
  </div>
</template>

<script setup>
import { useWindow } from "@/hooks/useWindow.js";
const { createWindow } = useWindow();

const handleAddFriend = () => {
  createWindow('chat/addFriend', {
    title: '添加朋友',
    decorations: false,
    width: 400,
    height: 500,
    resizable: false,
    maximizable: false,
  });
}
</script>

<style scoped>
.custom-button span {
  margin-left: 8px;
}
</style>
